﻿/*
	Theme created by ronka
	August-September 2010
	ThemeForest.net/user/r0nka for updates and more works
	
	Colors:
	Blue 00aeff
	Gray 303030
	Text Color 515151
	Backgcolor eaeaea
*/

/* CSS reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline; background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }

/* End Reset */

/* Main */

/*@font-face {
	font-family: 'Calibri';
	src: url('fonts/calibri-webfont.eot');
	src: local('?'), url('fonts/calibri-webfont.woff') format('woff'), url('fonts/calibri-webfont.ttf') format('truetype'), url(fonts/index.htm'calibri-webfont.svg#webfontLkZrlAY6') format('svg');
	font-weight: normal;
	font-style: normal;

	font-family: 'Rockwell';
	src: url('fonts/rock-webfont.eot');
	src: local('?'), url('fonts/rock-webfont.woff') format('woff'), url('fonts/rock-webfont.ttf') format('truetype'), url(fonts/index.htm'rock-webfont.svg#webfontQtdtNMHI') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

body {
		/*background-repeat: repeat-x;*/
	background-color: #eaeaea;
	font-size: 15px;
}

#container {
	margin-bottom: 50px; 
	width: 960px;
	overflow:hidden;
	margin:0 auto;
	background-image: url(images/backg2.png);
	background-repeat: repeat-x;
}

#main { color: #515151; line-height: 22px; }
#main a{ text-decoration:none;}
h1,h2,h3,h4,h5,h6 {
	color: #303030;
	font-family: 'Rockwell' ,Arial, sans-serif;
}

h1 {font-size:30px;}
h2 {font-size:20px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}
	

/* Header */

#header 
{ 
    padding-top: 39px; 
    /*height: 70px;*/
    overflow:hidden; 
    display:block;
}

#nav { float:right; margin-top: 6px; margin-right: 6px; line-height: 23px;}

#logo { background:url(images/logo.png) no-repeat; width:126px; height:55px; display:block; text-indent:-9999px; float:left;  }

#nav ul {
	list-style:none;
	font-family: 'Calibri', Arial, sans-serif;
	font-weight: bold;
}

#nav li {
	display: inline;
	text-transform: uppercase;
	padding-left: 20px;
}

#nav a { 
	text-decoration: none; color:#000;
}

#nav a:hover { color:#666 }
#nav a:visited { color:#000 }
#nav #currect a { color:#FFF; background-color: #00aeff; padding: 3px 7px 3px 7px; }

#headline {
	margin-top:5px;
	background: url(images/headerline.jpg) no-repeat #303030;
	height:100px;
}

#headline h1 { color:#FFF; padding-top: 21px; }
#headline p { color:#bbbbbb; padding-top: 7px; }
/* begin left sidebar*/
#left_sidebar
{
    float:left;    
    width: 190px;
    overflow:hidden;    
}
#left_sidebar h2
{
    color:White;
    background:url("images/h2bg.png");
    background-repeat:repeat-x;
    display: inline-block;
    padding-top:5px; 
    padding-left: 5px;
    border-radius: 7px 7px 0px 0px;
    width: 185px;
    height: 30px;
    font-size:18px;
      
}
#left_sidebar a
{
    color: black;    
}
#left_sidebar li
{
    border-bottom: dashed 1px gray;
    margin-left: 10px;
    margin-right:10px;
    height:25px;
    vertical-align:sub;
}
#left_sidebar li:hover
{
     border-bottom: dashed 1px #c60;
     
}
#left_sidebar ul
{
    border: solid 1px gray;
    border-radius: 0px 0px 7px 7px;  
    padding-bottom: 10px;  
}
#left_sidebar ul a
{
    overflow:hidden; 
    vertical-align:sub;
    font-family: Arial, serif;
    color:#36c;
}
#left_sidebar ul a:hover
{
    text-decoration: underline;
    color: #c60;
}
.item_sidebar
{
    margin-bottom: 20px;    
}
/* end left sidebar*/
#content
{
    margin-left:10px;    
    width: 750px;
    float:left;
}
#sanphamgiohang td
{
    border: solid 1px gray;    
}
/* Main */
#MainContent
{
        
}
#main { margin-top:20px; }
#m; }
#maaa}
#main p { margin-bottom:10px;}

#mainarea { width:700px; float:left; margin-bottom: 20px; }
#mainarea img { float:left; margin: 5px 5px 5px 0px; border: 3px solid #e2e2e2; }

#side { float:right; width:220px; }
#side p { padding-left: 5px; }
#side div {margin-bottom: 15px; }
#side span {font-weight:bold;}
#side ul{ padding-top:7px;}

#sidenav a {color: #515151;}
#sidenav a:hover { padding-left: 5px; color: #252525;}

#sidenav li { border-bottom: solid #cecece 1px; padding: 1px 5px; }
#sidenav li:first-child { border-top: solid #cecece 1px; }
#sidenav li:hover { background-color: #f5f5f5; }

.threequarters img, .onequarter img, .full img { border: 3px solid #e2e2e2; }
.threequarters {width:700px; float:left;}
.onequarter { width: 220px; float: right;}
.onequarter { margin-bottom: 30px; }

/*Portfolio*/

#col1 ,#col2 ,#col3 {
	margin-right: 20px;
	width: 300px;
	float: left;
	margin-bottom: 20px;
}

#col3 { margin-right:0px; }

#col1 h2 ,#col2 h2 ,#col3 h2 { float:left;}
#col1 img ,#col2 img ,#col3 img { border: 3px solid #e2e2e2; margin-top: 13px;}

/*.fancyimage { opacity:0.6; filter: alpha(opacity=60); }
.fancyimage:hover { opacity:1; filter: alpha(opacity=100); }*/

.titleimage { font-weight:bold; }

/*Blog*/

.post { padding-bottom: 10px; font-family: Arial, Helvetica, sans-serif; }
.postdetail { font-size:12px; color:#000; }

#main .postdetail p { margin: 2px; padding: auto;}
#main .postdetail a { color:#000; }
#main .postdetail a:hover  { color:#666; }

.postdetail .user { background:url(images/user_16.png) no-repeat; padding:0px 10px 4px 22px; }
.postdetail .date { background:url(images/calendar_16.png) no-repeat; padding:0px 10px 4px 22px; }
.postdetail .tags { background:url(images/right_16.png) no-repeat; padding:0px 10px 4px 22px; }
.postdetail .comments { background:url(images/bubble_16.png) no-repeat; padding:0px 10px 4px 22px; }

#search-box {
	height: 26px;
	padding-left: 5px;
	width: 193px;
	display: block;
	background: url(images/search_bg.jpg) no-repeat left top;
	border :none;
	padding-top: 1px;
	font-size: 12px;
	line-height: 26px;
	color: #6e6e6e;
	margin-bottom: 10px;
}
	
#search-submit {
	height:26px;
	width:26px;
	background:url(images/search_submit.jpg) no-repeat right top;
	border:none;
	cursor: pointer;
	float:right;
	margin-right: 1px;
	margin-top: -38px;
}

#pagenav { margin-left: 200px;}

/*Contact*/

#form p {
	margin-bottom:0px;
}

#text_area {
	height: 135px;
	width: 630px;
	border-color: #eeeeee;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 10px;
}

.bar {
	border-color: #eeeeee;
	border-style: solid;
	border-width: 1px;
	width: 200px;
}

#send_button {
	margin-left: 182px;
	border: none;
	width: 182px;
	height: 45px;
	background-image: url(images/send.jpg);
	cursor: pointer;
}

#side {
	margin-bottom:20px;
}
/*Sách mới*/
#sachmoi
{
    margin-top: 40px;
    overflow:hidden;    
}
.titles
{
    overflow:hidden;
}
.titles h2
{
    display:inline-block;
    float:left;    
}
/* Products*/
.products
{
    overflow:hidden;
    width:150px;
    float:left; 
    text-align:center;   
}
.products a img
{
    max-width:150px;
    max-height:150px;    
}
.danhmucsach_NXB
{
    display:block;
    overflow:hidden;    
}
#info
{
    overflow:hidden;  
    margin-top:10px;  
}
#info img
{
    float:left;    
}
#more
{
    overflow:hidden;
    float:left;    
}
#col1
{
    float:left;    
}
#Col2
{
    float:left;    
}
#vanchuyen li
{
    
    display:inline;
    margin-left: 30px;    
}
#content table select
{
    height:22px; 
    width: 156px; 
    margin-left: 2px;     
}
#tinhvanchuyen td
{    
    display:inline-block;
    width:300px;
}
#tinhvanchuyen
{
    border: solid 1px gray;    
}
#tinhvanchuyen tr
{
    border-bottom: solid 1px gray;  
}
/* Footer */

#footer {
	margin-top:50p5pxtom: 5pxom: 5pxx;
	width:960px;
	margin: 5px auto;
	background: url(images/backg_slice_footer.jpg) repeat-x;
	clear: both;
	color:#FFF;
	font-family: 'Calibri', Arial, sans-serif;
	font-size: 14px;
}

#footer h2 { padding-top: 30px; padding-bottom: 10px; color:#FFF; }
#footer img { margin-bottom: 5px; }
#infooter p { line-height: 22px; }

#infooter {
	width: 960px;
	margin: 0 auto;
	background: url(images/backg_footer.jpg) no-repeat ;
	background-position: center;
	height: 197px;
}

#blog_post, #archives 
{
    margin-left: 20px;
	margin-right:20px;
	width: 220px;
	float:left;
}

#blog_post .more { color: #00aeff; text-decoration:none; }
#blog_post .more:hover { color: #0CF;}
#blog_post span { color: #999; }

#archives a { color:#FFF; text-decoration:none; padding-left: 5px; }
#archives a:hover { color:#CCC; }

#rights span { color: #00aeff; }
#social { margin-top:-10px; width: 460px; float:right; }
#social img {margin-right:3px;}

#footer_line{
	height: 45px;
	width: 960px;
	margin: 0 auto;
	background: url(images/back_footer2.jpg) no-repeat ;
	background-position: center;
}

#footer_line a { color: #FFF; text-decoration:none }
#footer_line a:hover { color: #CCC; }
#footer_line span {color: #00aeff; }

#footer_line p {
	padding-top:16px;
	float:left;
}

#nav_footer {
	float:right;
	padding-top:16px;
}

#nav_footer a {
	padding-left: 15px;
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
}

#nav_footer a:hover { color: #CCC; }

#nav_footer li { display: inline; }

